import { memo } from 'react'
import UndoRedo from '../components/header/undo-redo'
import ZoomInOut from './zoom-in-out'
import Control from './control'

export type OperatorProps = {
  handleUndo: () => void
  handleRedo: () => void
}

const Operator = ({ handleUndo, handleRedo }: OperatorProps) => {
  return (
    <>
      <div className='flex items-center mt-1 gap-2 absolute left-4 bottom-4 z-[9]'>
        {/* <ZoomInOut /> */}
        <UndoRedo handleUndo={handleUndo} handleRedo={handleRedo} />
        <Control />
      </div>
    </>
  )
}

export default memo(Operator)
